<template>
    <div class="fillcontain">
        <head-top>

        </head-top>
        <!-- <div class="table_container"> -->

            <!--表格头部-->
            <!-- <el-form :inline="true"  class="demo-form-inline">

                <el-form-item label="岗位名称">
                    <el-input  placeholder="请输入岗位名称或简写"></el-input>
                </el-form-item>
                <el-form-item label="开始时间">
                    <el-input  placeholder="请输入岗位名称或简写"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="selectSubmit">查询</el-button>
                </el-form-item>
                <el-button  class="filter-item" style="margin-left: 20px;" type="success" icon="el-icon-edit" @click="dialogStatus= 'create';dialogVisible = true;resetForm('ruleForm');">添加</el-button>

            </el-form>
            <el-table
                :data="tableData"
                highlight-current-row
                style="width: 100%">

                <el-table-column
                    type="index"
                    width="100">

                </el-table-column>
                <el-table-column
                    prop="postName"
                    label="岗位名称"
                    sortable
                    width="220">
                </el-table-column>
                <el-table-column
                    prop="pinName"
                    label="岗位简写"
                    sortable
                    width="220">
                </el-table-column>
                <el-table-column
                    property="insertTime"
                    sortable
                    label="创建时间">
                </el-table-column>
                <el-table-column>
                    <template slot-scope="scope">
                        <el-button type="primary" size="mini" @click="handleUpdate(scope.row.id);dialogStatus= 'update';">编辑</el-button>
                        <el-button type="danger" size="mini" @click="postDelete(scope.row.id)">删除</el-button>
                    </template>
                </el-table-column>
            </el-table> -->
            <!--添加数据-->
            <!-- <el-dialog
                :visible.sync="dialogVisible"
                title="添加岗位信息"
                :close-on-click-modal="false"
                width="40%">
                <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm">
                    <el-form-item :label="postTitle.postName" prop="postName">
                        <el-input v-model="ruleForm.postName" />
                        <span class="notes">请输入2-30个字符</span>
                    </el-form-item>
                    <el-form-item :label="postTitle.pinName" prop="pinName">
                        <el-input v-model="ruleForm.pinName"/>
                        <span class="notes">请输入2-30个字符</span>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm('ruleForm');" >确定</el-button>
                        <el-button @click="dialogVisible = false">取消</el-button>
                    </el-form-item>
                </el-form>
            </el-dialog> -->

            <!-- <div class="Pagination" style="text-align: left;margin-top: 10px;">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-size="20"
                    layout="total, prev, pager, next"
                    :total="total">
                </el-pagination>
            </div> -->
        <!-- </div> -->
        <div class="ps">暂无权限，无法访问</div>
    </div>
</template>

<script>
    // import { userInfo, createUser, userInfoById, deleteUser, updateUser, userCorpOpt, dataModel, userAuthInfo } from '@/api/user/user'
    // import { postInfo,postAdd,updatePost,postDelete } from '../api/post'


    // export default {
    //     components: {
    //     },
    //     data() {
    //         const limit = localStorage.getItem('limit') === null ? 5 : parseInt(localStorage.getItem('limit'))
    //         return {
    //             dialogVisible: false,
    //             tableData: {
    //                 postName: '',
    //                 pinName: '',
    //                 insertTime: '',
    //             },
    //             total:0,
    //             queryParams: {
    //                 page: 0,
    //                 limit: limit
    //             },
    //             postTitle:{
    //                 postName:"岗位名称",
    //                 pinName:"岗位首字母"
    //             },
    //             ruleForm : {
    //                 postName:"",
    //                 pinName:""
    //             },
    //             rules:{
    //                 postName:[
    //                     { required: true, message: '岗位名称不能为空', trigger: 'change' },
    //                     {min: 2, max: 30, message: '岗位名称长度在2到30个字符', trigger: 'change' }
    //                 ],
    //                 pinName:[
    //                     { required: true, message: '岗位首字母不能为空', trigger: 'change' },
    //                     {min: 2, max: 30, message: '岗位首字母长度在2到30个字符', trigger: 'change' }
    //                 ]
    //             }
    //         }
    //     },
    //     created() {
    //         this.fetchData()
    //     },
    //     methods: {

    //         initData() {
    //             this.ruleForm = {
    //                 postName:"",
    //                 pinName:""
    //             }
    //         },
    //         // 查询数据
    //         fetchData() {
    //             postInfo(  this.queryParams).then((res) => {
    //                 res.data.forEach((item, index, arr) => {
    //                     this.tableData = res.data
    //                     this.queryParams.page = res.page
    //                     this.total = res.total
    //                 })
    //             })
    //         },
    //         handleSizeChange(val) {
    //             this.queryParams.limit = val
    //             this.fetchData()
    //         },
    //         handleCurrentChange(val) {
    //             this.queryParams.page = val
    //             this.fetchData()
    //         },
    //         //根据条件查询数据
    //         selectSubmit(){},
    //         resetForm(formName) {
    //             this.initData()
    //             this.$nextTick(() => {
    //                 this.$refs[formName].clearValidate()
    //             })
    //         },
    //         // 表单提交
    //         submitForm(formName) {
    //             this.$refs[formName].validate((valid) => {
    //               if (valid) {
    //                     if (this.dialogStatus === 'create') {
    //                         postAdd(this.ruleForm).then((res) => {
    //                             if (res.code === 200) {
    //                                 this.$notify({
    //                                     title: '成功',
    //                                     type: 'success',
    //                                     message: res.msg,
    //                                     duration: 2000
    //                                 })
    //                                 this.dialogVisible = false;
    //                                 this.fetchData();
    //                             } else {
    //                                 this.$notify({
    //                                     title: '失败',
    //                                     type: 'error',
    //                                     message: res.msg,
    //                                     duration: 2000
    //                                 })
    //                             }
    //                         })
    //                     }
    //                     if (this.dialogStatus === 'update') {
    //                         updatePost(this.ruleForm).then((res) => {
    //                             let title
    //                             let type
    //                             if (res.code === 200) {
    //                                 this.$notify({
    //                                     title: '成功',
    //                                     type: 'success',
    //                                     message: res.msg,
    //                                     duration: 2000
    //                                 })
    //                                 this.dialogVisible = false
    //                                 this.queryParams.id=null
    //                                 this.fetchData()
    //                             } else {
    //                                 this.$notify({
    //                                     title: '失败',
    //                                     type: 'error',
    //                                     message: res.msg,
    //                                     duration: 2000
    //                                 })
    //                             }
    //                         })
    //                     }
    //                 }
    //             })
    //         },
            // 获取单条信息
    //         handleUpdate(id) {
    //             this.dialogVisible = true;
    //             this.queryParams.id=id
    //             postInfo(this.queryParams).then((res) => {
    //                 if (res.code === 200) {
    //                     this.ruleForm = res.data[0]
    //                 }
    //             })
    //         },
    //         postDelete(id){
    //             postDelete(id).then((res) => {
    //                 let title
    //                 let type
    //                 if (res.code === 200) {
    //                     this.$notify({
    //                         title: '成功',
    //                         type: 'success',
    //                         message: res.msg,
    //                         duration: 2000
    //                     })
    //                     this.dialogVisible = false
    //                     this.queryParams.id=null
    //                     this.fetchData()
    //                 } else {
    //                     this.$notify({
    //                         title: '失败',
    //                         type: 'error',
    //                         message: res.msg,
    //                         duration: 2000
    //                     })
    //                 }
    //             })
    //         }
    //     }
    // }
</script>


<style lang="less">
    @import '../style/mixin';
    .table_container{
        padding: 20px;
    }
    .ps{
        padding-top: 20%;
        text-align: center;
    }
</style>
